<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" style="height: 100%"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>师生桥教学管理系统</title>
    <link rel="stylesheet" href="{{ STATIC_URL }}web/css/login-style.css">
    <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body style="height: 100%">
<section class="container">
    <div class="login">
        <div class="content-wrap">
            <h1>登录师生桥</h1>
            <form class="navbar-form navbar-right" id="login_form" method="post">
                {#              action="{% url 'index' %}">#}
                {% csrf_token %}
                <div class="form-group">
                    <input type="text" name="username" placeholder="用户名" class="form-control">
                </div>
                <div class="form-group">
                    <input type="password" name="password" placeholder="密码" class="form-control">
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-default ">登录</button>
                </div>
            </form>
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-{% if message.tags == 'error' %}danger
                    {% else %}{{ message.tags }} {% endif %}">
                        <a class="close" data-dismiss="alert">×</a>
                        <strong>{{ message|safe }}</strong>
                    </div>
                {% endfor %}
            {% endif %}
        </div>
    </div>

    {#    <div class="login-help">#}
    {#      <p>Forgot your password? <a href="index.html">Click here to reset it</a>.</p>#}
    {#    </div>#}
</section>
</body>
</html>
